<template>
	<uni-nav-bar :title="userInfo.staffBanInfo.title+'班次'" left-icon="left" @clickLeft="navBack" :fixed="true"
		statusBar></uni-nav-bar>
	<view class="package_sale space-between">
		<view @click="navTo('Sale/checkWork/check?banId='+banID)">整点打卡</view>
		<view @click="navTo('Sale/Information/teamList')">邀请入团</view>
	</view>
	<view class="but" @click="navTo('Sale/checkWork/offWork?banId='+banID)">关闭班次</view>
</template>

<script setup lang="ts">
	import { navBack, navTo } from '@/utils/navigator';
	import { ref } from 'vue';
	import { onLoad } from '@dcloudio/uni-app';
	import { useUserInformation } from '@/stores/earthPushing/userSale';
	const userInfo = useUserInformation();
	const banID = ref()
	onLoad((pearm) => {
		banID.value = Number(pearm.banId)
		userInfo.getStaffBan(banID.value);
	})
</script>

<style scoped lang="less">
	.space-between {
		flex-wrap: wrap;

		view {
			width: 328rpx;
			height: 138rpx;
			background: #F5F9FF;
			border-radius: 5px;
			text-align: center;
			line-height: 138rpx;
		}
	}

	.but {
		width: 360rpx;
		height: 98rpx;
		background: #558AF1;
		border-radius: 5px;
		color: #fff;
		text-align: center;
		line-height: 98rpx;
		margin: 80rpx auto 0rpx;
	}
</style>